<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
		<script src="js/mock.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/database.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/live-list.css" />
	</head>
	<body>
		<header>
			<img src="img/back.svg" class="back" id="back">
			<h1 class="mui-title">视频课程</h1>
			<img src="img/top-chose.png" class="header-right">
		</header>
		<div id="classify">
			<ul class="space-around">
				<li>全部</li>
				<li>直播/点播</li>
				<li>免费</li>
				<li>历史回放</li>
			</ul>
		</div>
		<div id="live-box">
			<div class="live-box-img">
				<div class="box-shadow"></div>
				<img class="live-play" src="img/play-img.svg" >
				<span class="label">推荐</span>
			</div>
			<div class="live-text">
				<h2>2018征徒体育户外挑战赛 全程直播 <span class="liveing">直播中</span></h2>
				<p>时间：2018.5.1 9:00:00 - 2018.5.4 20:00:00</p>
				<span>￥99元</span>
				<button type="button">立即进入</button>
			</div>
		</div>
		<div id="live-main-box" class="space-between">
			<div class="box">
				<div class="box-img">
					<div class="box-shadow"></div>
					<img class="box-play" src="img/play-img.svg" >
				</div>
				<div class="box-text">
					<h3>2018征徒体育户外挑战赛 </h3>
					<p>穿越新疆罗布泊无人区 </p>
					<span>免费</span>
					<button type="button" class="jin">进入</button>
				</div>
			</div>
			<div class="box">
				<div class="box-img">
					<div class="box-shadow"></div>
					<img class="box-play" src="img/play-img.svg" >
				</div>
				<div class="box-text">
					<h3>2018征徒体育户外挑战赛 </h3>
					<p>穿越新疆罗布泊无人区 </p>
					<span>￥99</span>
					<button type="button">回放</button>
				</div>
			</div>
			<div class="box">
				<div class="box-img">
					<div class="box-shadow"></div>
					<img class="box-play" src="img/play-img.svg" >
				</div>
				<div class="box-text">
					<h3>2018征徒体育户外挑战赛 </h3>
					<p>穿越新疆罗布泊无人区 </p>
					<span>免费</span>
					<button type="button" class="jin">进入</button>
				</div>
			</div>
			<div class="box">
				<div class="box-img">
					<div class="box-shadow"></div>
					<img class="box-play" src="img/play-img.svg" >
				</div>
				<div class="box-text">
					<h3>2018征徒体育户外挑战赛 </h3>
					<p>穿越新疆罗布泊无人区 </p>
					<span>￥99</span>
					<button type="button">回放</button>
				</div>
			</div>
		</div>
	</body>
	<script src="js/resultbank.js" type="text/javascript" charset="utf-8"></script>
</html>
